<template>
    <div class="umrp-empty">
        <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor"
            class="arco-icon arco-icon-empty" stroke-width="4" stroke-linecap="butt" stroke-linejoin="miter">
            <path
                d="M24 5v6m7 1 4-4m-18 4-4-4m28.5 22H28s-1 3-4 3-4-3-4-3H6.5M40 41H8a2 2 0 0 1-2-2v-8.46a2 2 0 0 1 .272-1.007l6.15-10.54A2 2 0 0 1 14.148 18H33.85a2 2 0 0 1 1.728.992l6.149 10.541A2 2 0 0 1 42 30.541V39a2 2 0 0 1-2 2Z">
            </path>
        </svg>
        <div class="umrp-empty-description">暂无数据</div>
    </div>
</template>

<style lang="scss" scoped>
.umrp-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    >svg {
        color: #ccc;
        width: 40px;
        height: 40px;
    }

    &-description {
        margin-top: 8px;
        color: #999;
        font-size: 12px;
    }
}
</style>